<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content=" height=device-height,
			          width=device-width,
			          initial-scale=1.0,
			          minimum-scale=1.0,
			          maximum-scale=1.0
			          user-scalable=no" />
		<script type="text/javascript" src="../js/jquery.min.js" charset="utf-8"></script>
		<script type="text/javascript">
			function getproStockList() {
				var jurisdiction = localStorage.getItem("jurisdiction");
				if('客户' == jurisdiction) {
					alert('不好意思哦,你没有权限!');
				} else {
					window.location.href = '../stockManage/proStockList.html';
				}

			}
			function getbomStock() {
				var jurisdiction = localStorage.getItem("jurisdiction");
				if('客户' == jurisdiction) {
					alert('不好意思哦,你没有权限!');
				} else {
					window.location.href = '../stockManage/materielStockList.html';
				}
			}
			function getcodingManagement() {
				window.location.href = '../codeManage/codingManagement.html';
			}
			function getapprovalProcess() {
				window.location.href = '../approvalManage/approvalProcess.html';
			}
			function getstockManageLits() {
				window.location.href = '../stockManage/stockManageLits.html';
			}
			function getvehicleManageList() {
				window.location.href ='../vehicleManage/vehicleManageList.html';
			}
		</script>
	</head>
	<body style="background: #f0f0f0;">
		<div>
			<img src="../img/home.jpg" style="width: 100%; height: 220px;" />
		</div>
		<div class="nav" style="  position: fixed; top: 28%; left: 5%; box-shadow:1px 2px 1px 1px #aaa; background:white; width: 90%; height: 12%;">
			<ul>
				<li class="active" style="display: inline-block;" onclick="getproStockList()" >
					<a id="a1" style=" color: #3d85c6; font-size: calc(13vw/3.75); position: fixed;left:9%;top: 36%;">模块待定</a>
					<span class="homepage" style="background: url(../img/proStock.png);text-align: center;line-height: 28px;position: fixed;left:12%;top: 30%;width:30px;height:30px;"></span>
				</li>
				<li style="display: inline-block;" onclick="getapprovalProcess()">
					<a id="a2" style=" color: #3d85c6; font-size: calc(13vw/3.75); position: fixed;left:35%;top: 36%;">办公</a>
					<span class="order" style="background: url(../img/approval.png);text-align: center;line-height: 28px;position: fixed;left:34.5%;top: 30%;width:30px;height:30px;"></span>
				</li>
				<li style="display: inline-block;">
					<a id="a3" style="  color: #3d85c6; font-size: calc(13vw/3.75); position: fixed;left:57%;top: 36%;">订单</a>
					<span class="manage" style="background: url(../img/reconciliation.png);text-align: center;line-height: 28px;position: fixed;left:56%;top: 30%;width:30px;height:30px;"></span>
				</li>
				<li style="display: inline-block;"onclick="getbomStock()">
					<a id="a4" style=" color: #3d85c6; font-size: calc(13vw/3.75); position: fixed;left:76.5%;top: 36%;">模块待定</a>
					<span class="my" style="background: url(../img/bomStock.png);text-align: center;line-height: 28px;position: fixed;left:79%;top: 30%;width:30px;height:30px;"></span>
				</li>
			</ul>
		</div>
		<div class="nav" style="position: fixed; top: 42%; box-shadow:1px 2px 1px 1px #aaa; width: 95.5%; height: 45%;">
			<table style="width: 100%;">
				<tr>
					<td onclick="getcodingManagement()" style="width: 41%; background: white;padding: 10px; position: fixed;top: 42.5%;" >
						<img src="../img/proinfo.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 45%;">编码管理</font>
					</td>
					<td onclick="getstockManageLits()" style="width: 41%;background: white; padding: 10px; position: fixed;top: 42.5%;left: 50%;">
						<img src="../img/bomStock.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 45%;">库存管理</font>
					</td>
				</tr>
				<tr>
					<td  onclick="getvehicleManageList()" style="width: 41%; background: white;padding: 10px; position: fixed;top: 51.5%;">
						<img src="../img/purchase.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 54%;">车辆管理</font>
					</td>
					<td style="width: 41%;background: white; padding: 10px; position: fixed;top: 51.5%;left: 50%;">
						<img src="../img/blank.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 54%;"></font>
					</td>
				</tr>
				<tr>
					<td style="width: 41%; background: white;padding: 10px; position: fixed;top: 60.5%;">
						<img src="../img/blank.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 63%;"></font>
					</td>
					<td style="width: 41%;background: white; padding: 10px; position: fixed;top: 60.5%;left: 50%;">
						<img src="../img/blank.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 63%;"></font>
					</td>
				</tr>
				<tr>
					<td style="width: 41%; background: white;padding: 10px; position: fixed;top: 69.5%;">
						<img src="../img/blank.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 72%;"></font>
					</td>
					<td style="width: 41%;background: white; padding: 10px; position: fixed;top: 69.5%;left: 50%;">
						<img src="../img/blank.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 72%;"></font>
					</td>
				</tr>
				<tr>
					<td style="width: 41%; background: white;padding: 10px; position: fixed;top: 78.5%;">
						<img src="../img/blank.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 81%;"></font>
					</td>
					<td style="width: 41%;background: white; padding: 10px; position: fixed;top: 78.5%;left: 50%;">
						<img src="../img/blank.png" />
						<font style="text-align: center;display: inline-block;position: fixed ;top: 81%;"></font>
					</td>
				</tr>
			</table>
		</div>
		<div>
			<img src="../img/homelower.jpg" style="width: 95.5%; height: 65px;position: fixed ;bottom: 10px;" />
		</div>
	</body>
</html>